<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${siteName }</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/assets/AdminLTE/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <!-- <link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css"> -->
 
    <!-- Theme style -->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/assets/AdminLTE/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/assets/AdminLTE/dist/css/skins/_all-skins.min.css">
  
  
  <!-- editor.md.css -->
  	<link rel="stylesheet" href="<%=request.getContextPath()%>/assets/editor.md-master/css/editormd.css" />
  	
  	   <script src="<%=request.getContextPath()%>/assets/js/jquery-3.2.1.min.js"></script>
  	
	<style>
		a,span{
			cursor:pointer;
		}
	</style>
</head>

<body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper fixed">

        <header class="main-header">
            <!-- Logo -->
            <a href="<%=request.getContextPath()%>" target="_blank" class="logo">
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <span class="logo-mini"></span>
                <!-- logo for regular state and mobile devices -->
                <span class="logo-lg">博客后台管理</span>B</a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> <span class="sr-only">Toggle navigation</span> </a>

                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <!-- Messages: style can be found in dropdown.less-->
                      	<li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" > <span class="hidden-xs">${user.uEmail }</span> </a>
                        </li>
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="hidden-xs">${user.uName }</span> </a>
                           <!-- <ul class="dropdown-menu">
								 <li>退出系统</li> 
                            </ul>-->
                        </li>

                    </ul>
                </div>
            </nav>
        </header>
        <!-- Left side column. contains the logo and sidebar -->
        <aside class="main-sidebar">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->

                <!-- /.search form -->
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <ul class="sidebar-menu">
					<li class="active treeview">
                        <a href="javascript:void(0);"> <i class="fa fa-dashboard"></i> <span>控制面板</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                    </li>
                    <li class="treeview">
                        <a href="javascript:void(0);" target="<%=request.getContextPath()%>/sys/article/create"> <i class="fa fa-pencil-square-o"></i> <span>发布文章</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                    </li>
                   <li class="treeview">
                        <a href="javascript:void(0);" target="<%=request.getContextPath()%>/sys/article/list">  <i class="fa fa-list"></i> <span>文章管理</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                    </li>
                    <li class="treeview">
                        <a href="javascript:void(0);" target="<%=request.getContextPath()%>/sys/file"> <i class="fa fa-cloud-upload"></i> <span>文件管理</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                    </li>
                    <li class="treeview">
                        <a href="javascript:void(0);" target="<%=request.getContextPath()%>/sys/link"><i class="fa fa-link"></i> <span>友链管理</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                    </li>
                    <li class="treeview">
                        <a href="javascript:void(0);" target="<%=request.getContextPath()%>/sys/themes"> <i class="fa fa-yelp"></i> <span>主题管理</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                    </li>
                    <li class="treeview">
                        <a href="javascript:void(0);" target="<%=request.getContextPath()%>/sys/comment"> <i class="fa fa-comments-o"></i> <span>评论管理</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                    </li>
                   <!--  <li class="treeview">
                        <a href="#"> <i class="fa fa-tags"></i> <span>分类管理</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                    </li> -->
                 <!--    <li class="treeview">
                        <a href="javascript:alert('开发中')"> <i class="fa fa-files-o"></i> <span>页面管理</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                    </li> -->
                    <li class="treeview">
                        <a href="#"> <i class="fa fa-gear"></i> <span>设置管理</span>
                            <span class="pull-right-container">
								<span class="label label-primary pull-right"></span>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li>
                                <a target="<%=request.getContextPath()%>/sys/set"><i class="fa fa-circle-o"></i> 系统设置 </a>
                              
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>

        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper" style="background-color: white;">
        	<div class="row">
        		<div class="col-md-12" id="mainBody">
        			
        		</div>
        	</div>
        </div>
        <!-- /.content -->
  <%--       <!-- /.content-wrapper -->
	    <footer class="main-footer">
	        <div class="pull-right hidden-xs">
	            <b>Version</b>v 1.0.0
	        </div>
	        ${set.sCopyright }<strong><a href="http://www.hjieli.com">Haojie Li</a>.</strong> 
	    </footer> --%>
    </div>
    


    <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
    </div>
    <!-- ./wrapper -->

 
    <!-- Bootstrap 3.3.6 -->
    <script src="<%=request.getContextPath()%>/assets/AdminLTE/bootstrap/js/bootstrap.min.js"></script>
   
    <!-- AdminLTE App -->
    <script src="<%=request.getContextPath()%>/assets/AdminLTE/dist/js/app.min.js"></script>
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <%-- <script src="<%=request.getContextPath()%>/assets/AdminLTE/dist/js/pages/dashboard.js"></script> --%>
    <!-- AdminLTE for demo purposes -->
    <script src="<%=request.getContextPath()%>/assets/AdminLTE/dist/js/demo.js"></script>
    
		<!--markdown editor js -->
    <script src="<%=request.getContextPath()%>/assets/editor.md-master/editormd.min.js"></script>
    
     <!-- Bootstrap styling for Typeahead -->
    <link href="<%=request.getContextPath()%>/assets/bootstrap-tokenfield/dist/css/tokenfield-typeahead.css" type="text/css" rel="stylesheet">
    <!-- Tokenfield CSS -->
    <link href="<%=request.getContextPath()%>/assets/bootstrap-tokenfield/dist/css/bootstrap-tokenfield.css" type="text/css" rel="stylesheet">
    
    
	<!--自定义script -->
	<script>
		$(".sidebar-menu").on('click','li a',function(){
			var _clickTab = $(this).attr('target');
			if(_clickTab == undefined){
				return;
			}else{
				//alert(_clickTab);
				$.get(_clickTab,function(data){
					//alert(data);
					$("#mainBody").html(data); 
				});
			}
			
		});
	</script>
</body>

</html>